<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商品目录</title>
  <link rel="stylesheet" href="./css/TopFooterReset.css">
  <link rel="stylesheet" href="./css/list.css">
  <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
  <!-- 1.顶部区域 -->
  <div class="oy-top">
    <!-- 版心 -->
    <div class="l-wrapper clearfix">
      <!-- 最顶部左侧 -->
      <div class="oy-top_left">
        <a href="./login.html" class="_txt-bold">登录</a>
        <a href="./register.html" class="_txt-bold" style="color: #ff8000">注册</a>
      </div>
      <!-- 最顶部右侧 -->
      <div class="oy-top_right">
        <a href="#">签到送积分</a>
        <em></em>
        <a href="#">我的订单</a>
        <em></em>
        <a href="#">消息</a>
        <div class="oy-top_dbox">
          <h2>
            <a href="#">会员中心</a>
            <i></i> <!-- 这里是小图标 -->
          </h2>
        </div>
        <div class="oy-top_dbox">
          <h2>
            <i></i> <!-- 这里是小图标 -->
            <a href="#">联系客服</a>
            <i></i> <!-- 这里是小图标 -->
          </h2>
        </div>
        <em></em>
        <a href="#">English</a>
        <em></em>
        <a href="#">品牌入驻</a>
        <em></em>
        <a href="#">加入收藏</a>
        <div class="oy-top_dbox">
          <h2>
            <i></i> <!-- 这里是小图标 -->
            <a href="#">手机唯样</a>
          </h2>
        </div>
      </div>
    </div>
  </div>
  <!-- 2.header区域 -->
  <div class="oy-headerPos">
    <div class="oy-header">
      <!-- 版心 -->
      <div class="l-wrapper">
        <!-- 左侧log -->
        <a href="./index.html" title="商城" class="oy-logo"></a>
        <!-- 中间搜索表达 -->
        <form class="oy-srh">
          <div class="oy-srh_form">
            <input type="text" class="oy-srh_inp" placeholder="请输入型号、参数，搜索全站库存数据">
            <button class="oy-srh_sub">
              <i>🍤</i> <!-- 小图标 -->
            </button>
          </div>
          <div class="oy-srh_hot">
            <ul>
              <li>
                <a href="#">TE手工工具</a>
                <a href="#"> Nexperia安世</a>
                <a href="#">Infineon英飞凌</a>
                <a href="#">最新活动</a>
                <a href="#"> 高校计划</a>
                <a href="#"> 开发板</a>
              </li>
            </ul>
          </div>
        </form>
        <!-- 右侧我的购物车 -->
        <div class="oy-cart">
          <a href="#">
            <i>🚋</i><!-- 购物车小图标 -->
            <em>我的购物车</em>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 3.nav区域 -->
  <div class="oy-nav">
    <!-- 版心 -->
    <div class="l-wrapper clearfix">
      <ul class="oy-nav_list">
        <li><a href="/">首页</a></li>
        <li><a href="./list.html">商品目录</a></li>
        <li><a href="./Brandzone.html">品牌专区</a></li>
        <li><a href="./BOM.html">BOM配单</a></li>
        <li><a href="./fangan.html">解决方案</a></li>
        <li><a href="./agent.html">授权代理
            <span class="agency-icon custom-icon"></span>
          </a></li>

        <li><a href="#"></a></li><!-- 慢99包邮 -->
      </ul>
      <!-- <a href="#"></a>  慢99包邮:方法2 直接写行内样式-->
    </div>
  </div>
  <!-- 4.主体 -->
  <div class="category wraper">
    <!-- 4.1分类 -->
    <ul class="category_index clearfix">
      <li class="is-active">
        <a href="javascript:void(0);">全部分类</a>
      </li>
      <li>
        <a class="text-ellipsis" title="电阻" href="javascript:void(0);">电阻</a>
      </li>
      <li>
        <a class="text-ellipsis" title="电容" href="javascript:void(0);">电容</a>
      </li>
      <li>
        <a class="text-ellipsis" title="电感/变压器/磁性元件" href="javascript:void(0);">电感/变压器/磁性元件</a>
      </li>
      <li>
        <a class="text-ellipsis" title="滤波器" href="javascript:void(0);">滤波器</a>
      </li>
      <li>
        <a class="text-ellipsis" title="二极管/LED/整流器" href="javascript:void(0);">二极管/LED/整流器</a>
      </li>
      <li>
        <a class="text-ellipsis" title="晶体管/晶闸管" href="javascript:void(0);">晶体管/晶闸管</a>
      </li>
      <li>
        <a class="text-ellipsis" title="集成电路(芯片)" href="javascript:void(0);">集成电路(芯片)</a>
      </li>
      <li>
        <a class="text-ellipsis" title="处理器/单片机(MCU)/存储器" href="javascript:void(0);">处理器/单片机(MCU)/存储器</a>
      </li>
      <li>
        <a class="text-ellipsis" title="晶振" href="javascript:void(0);">晶振</a>
      </li>
      <li>
        <a class="text-ellipsis" title="连接器" href="javascript:void(0);">连接器</a>
      </li>
      <li>
        <a class="text-ellipsis" title="电路保护" href="javascript:void(0);">电路保护</a>
      </li>
      <li>
        <a class="text-ellipsis" title="传感器" href="javascript:void(0);">传感器</a>
      </li>
      <li>
        <a class="text-ellipsis" title="光电子产品" href="javascript:void(0);">光电子产品</a>
      </li>
      <li>
        <a class="text-ellipsis" title="开关/继电器/接触器" href="javascript:void(0);">开关/继电器/接触器</a>
      </li>
      <li>
        <a class="text-ellipsis" title="开发板/套件" href="javascript:void(0);">开发板/套件</a>
      </li>
      <li>
        <a class="text-ellipsis" title="电源" href="javascript:void(0);">电源</a>
      </li>
      <li>
        <a class="text-ellipsis" title="无线射频" href="javascript:void(0);">无线射频</a>
      </li>
      <li>
        <a class="text-ellipsis" title="模块" href="javascript:void(0);">模块</a>
      </li>
      <li>
        <a class="text-ellipsis" title="机电产品" href="javascript:void(0);">机电产品</a>
      </li>
      <li>
        <a class="text-ellipsis" title="工具/仪器/线材/五金" href="javascript:void(0);">工具/仪器/线材/五金</a>
      </li>
      <li>
        <a class="text-ellipsis" title="其它" href="javascript:void(0);">其它</a>
      </li>
    </ul>
    <!-- 4.2搜索 共计 -->
    <div class="category_total">
      元器件共计 :
      <span>3,478,021</span>
      <div class="input-group category_srh">
        <input class="form-control" type="text" placeholder="请输入类别关键字">
        <span class="input-group-btn">
          <button class="btn btn-primary">搜索</button></span>
      </div>
    </div>
    <!-- 4.3分类列表 -->
    <div class="c-catgBar-pg">
      <h1 class="clearfix">
        <a href="#">
          <span>电阻</span>
          <em>(1,186,824)</em>
          <i>>></i>
        </a>
      </h1>
      <ul class="c-catgBar_list-pg clearfix">
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
        <li>
          <a class="_txt-muted" title="贴片电阻 (343676)" href="#">贴片电阻</a>
          <em>(343,676)</em>
        </li>
      </ul>
    </div>
  </div>
  <!-- 5.页尾 -->
  <div class="footer">
    <!-- 5-1标语部分 -->
    <div class="slogan m-wrap">
      <ul class="slogan_list clearfix">
        <li style="text-align:left; padding-left: 40px;">
          <div class="slogan_itm">
            <b>优</b>
            <span>原厂授权 正品保障</span>
          </div>
        </li>
        <li style="text-align: center;padding-right: 20px;">
          <div class="slogan_itm">
            <b>快</b>
            <span>自营现货 极速发货</span>
          </div>
        </li>
        <li style="text-align: center;padding-left: 20px;">
          <div class="slogan_itm">
            <b>全</b>
            <span>品类齐全 一站采购</span>
          </div>
        </li>
        <li class="text-align: right;padding-right: 40px;">
          <div class="slogan_itm">
            <b>省</b>
            <span>原厂授权 正品保障</span>
          </div>
        </li>
      </ul>

    </div>
    <!-- 5-2 -->
    <div class="footer_wrap m-wrap">
      <ul class="footer_nav clearfix">
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </ul>
      <div class="footer_contact">
        <i class="icon-service">🔎</i> <!-- 小图标 -->
        <h2>400-870-9968</h2>
        <p>服务时间:8:30-17:30</p>
        <a href="#" class="footer_kfBtn">
          <i>🧧</i> <!-- 小图标 -->
          <span>在线销售</span>
        </a>
        <p style="margin-top: 5px;">推广部:18850165747</p>
      </div>
      <div class="footer_att" style="width: 95px;">
        <img src="./img/footer-att-07.jpg" alt="">
        <p>关注唯样公众号</p>
        <p>Q群：<a href="#">967043793</a></p>
      </div>
    </div>
    <!-- 5-3 -->
    <div class="footer_wrap2">
      <div class="m-wrap">
        <div class="footer-lnk">
          <ul class="tab-head clearfix">
            <li class="tab-inx is-active">
              <a href="#">友情链接</a>
            </li>
            <li class="tab-inx">
              <a href="#">展会合作</a>
            </li>
          </ul>
          <div class="tab-con">
            <div class="footer-lnk__con clearfix ">
              <a href="#">唯样社区</a>
              <a href="#">信和达</a>
              <a href="#">开步睿思</a>
              <a href="#">维库电子市场网</a>
              <a href="#">与非网&nbsp;</a>
              <a href="#">电路城</a>
              <a href="#">摩尔吧&nbsp;</a>
              <a href="#">bom2buy</a>
              <a href="#">正能量电子网</a>
              <a href="#">储能网 </a>
              <a href="#">芯片丝印反查网</a>
              <a href="#">采芯网</a>
              <a href="#">一牛网论坛</a>
              <a href="#">深铭易购</a>
              <a href="#">电子之家</a>
              <a href="#">易容网</a>
              <a href="#">PCB打样</a>
              <a href="#">锂电池</a>
              <a href="#">电子连接器</a>
              <a href="#">datasheet5</a>
              <a href="#">村田代理商</a>
              <a href="#" style="color: #0b75be;">更多&gt;</a>
            </div>

          </div>
        </div>
        <div class="footer-lnk">
          <span class="footer-lnk__cap">
            <a href="#"> 字母索引：</a>
          </span>
          <div class="footer-lnk__con clearfix">
            <a href="#">A</a>
            <a href="#">B</a>
            <a href="#">C</a>
            <a href="#">D</a>
            <a href="#">E</a>
            <a href="#">F</a>
            <a href="#">G</a>
            <a href="#">H</a>
            <a href="#">I</a>
            <a href="#">J</a>
            <a href="#">K</a>
            <a href="#">L</a>
            <a href="#">M</a>
            <a href="#">N</a>
            <a href="#">O</a>
            <a href="#">P</a>
            <a href="#">Q</a>
            <a href="#">R</a>
            <a href="#">S</a>
            <a href="#">T</a>
            <a href="#">U</a>
            <a href="#">V</a>
            <a href="#">W</a>
            <a href="#">X</a>
            <a href="#">Y</a>
            <a href="#">Z</a>
            <a href="#">0</a>
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">7</a>
            <a href="#">8</a>
            <a href="#">9</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--  6 备案信息-->
  <div class="af-footer">
    <div class="m-wrap">
      <div class="footer-btm">
        <a href="#">新手上路</a>
        <em>|</em>
        <a href="#">免责声明</a>
        <em>|</em>
        <a href="#">销售条款</a>
        <em>|</em>
        <a href="#">联系我们</a>
        <em>|</em>
        <a href="#">唯样资讯</a>
        <br>
        <span class="footer-cpr">Copyright © 2022 厦门唯样科技有限公司&nbsp;&nbsp;<a href="#"> <img
              src="https://uploadcdn.oneyac.com/spec_file/update/govIcon.png" width="20" height="20">闽公网安备
            35021102001214号</a>&nbsp;&nbsp;<a href="#">闽ICP备17005748号-1</a>&nbsp;&nbsp;增值电信业务经营许可证：闽B2-20200838</span>
      </div>
      <div class="footer-logo">
        <a>
          <img src="./img/footer-logo-zfb.png">
        </a>
        <a>
          <img src="./img/footer-logo-wx-.png">
        </a>
        <a>
          <img src="./img/footer-logo-yl.png" alt="">
        </a>
        <a>
          <img src="./img/footer-logo-sfyz.png">
        </a>
        <a>
          <img src="./img/footer-logo-rz.png">
        </a>
        <a href="#">
          <img src="./img/footer-logo-gpca.png">
        </a>
        <a href="#">
          <img src="./img/footer-logo-szdzsh.png">
        </a>
        <a href="#">
          <img src="./img/footer-logo-xmkjfwhy.png">
        </a>
      </div>
    </div>
  </div>

</body>

</html>